/* 版心 */
.w {
    width: 1266px;
    margin: 0 auto;
}
/* 去浮动 */
.clearfix::after {
    clear: both;
    display: block;
    content: '';
}
/* .iconfont {
    font-family: "iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  } */

body,
ul,
h1 {
    margin: 0;
    padding: 0;
}

ul {
    list-style: none;
}

a {
    text-decoration: none;
}

body {
    color: #333;
    background-color: #fff;
    min-width: 1266px;
    font: 14px/1.5 Helvetica Neue, Helvetica, Arial, Microsoft Yahei, Hiragino Sans GB, Heiti SC, WenQuanYi Micro Hei, sans-serif;
    margin: 0;
}
/* 头部区域 */
/* 头部标题 */
.site-topbar {
    position: relative;
    z-index: 30;
    height: 40px;
    font-size: 12px;
    color: #b0b0b0;
    background: #333;
}
.container {
    width: 1226px;
    margin-right: auto;
    margin-left: auto;
}

/* 头部列表 （小米打开各网页）*/
.site-topbar .topbar-nav {
    float: left;
    height: 40px;
    line-height: 40px;
    margin-left: 0;
}

.topbar-nav a {
    color: #b0b0b0;
    line-height: 40px;
    display: inline-block;
}
/* 鼠标移动变色 */
.topbar-nav a:hover {
    text-decoration: none;
    color: white;
}
/* 下载 */
.appcode {
    position: absolute;
    top: 40px;
    left: 50%;
    width: 124px;
    height: 0px;
    background: #fff;
    margin-left: -55px;
    box-shadow: 0 1px 5px #aaa;
    text-align: center;
    font-size: 14px;
    color: #333;
    line-height: 1;
    overflow: hidden;
    transition: height .3s;
}
.appcode::before{
    position: absolute;
    content: '';
    border-width: 0px 10px 10px;
    border-left-color: transparent;
    border-right-color: transparent;
    border-style: solid;
    left: 50%;
    color: white;
    top: -9px;
    margin-left: -30px;
}
/* 下载弹窗 */
.appxz:hover .appcode,
.appxz .appcode::after {
    height: 150px;
    overflow: visible;
}
/* 二维码图片 */
.appcode img {
    display: block;
    padding: 17px 17px 5px 17px;
}

.appcode p {
    line-height: 5px;
    margin-bottom: 10px;
    text-align: center;
    color: black;
    font-size: 14px;
}
/* 购物车 */
.topaar-cart {
    position: relative;
    float: right;
    width: 120px;
    margin-left: 15px;
    height: 40px;
    transition: all .2s;
    font-size: 12px;
}

.topaar-cart .gwc {
    position: relative;
    margin-right: 0;
    z-index: 32;
    display: block;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #b0b0b0;
    background: #424242;
}
/* 鼠标移动变色 */
.topaar-cart a:hover {
    text-decoration: none;
    color: orange;
}
.cart-menu{
    position: absolute;
    right: 0;
    top: 40px;
    z-index: 31;
    width: 316px;
    height: 0px;
    color: #424242;
    background: #fff;
    box-shadow: 0 2px 10px rgba(0,0,0,.15);
    transition: height .3s;
     overflow: hidden;
     text-align: center;
     line-height: 100px;
}
/* 鼠标移动弹窗 */
.topaar-cart:hover .cart-menu,
.topaar-cart .cart-menu::after {
    height: 100px;

}

/* 登录注册 */
.topbar-info{
    z-index: 30;
    height: 40px;
    font-size: 12px;
    line-height: 40px;
    background: #333;
    margin-left: 960px;
}
.topbar-info a{
    color: #b0b0b0;
}
/* 鼠标移动变色 */
.topbar-info a:hover {
    text-decoration: none;
    color: white;
}
/* 头部第二部分 */
.header-2{
    width: 1226px;
    height: 100px;
    background-color: #fff;
}
/* logo */
.header-2-logo{
    display: block;
    width: 56px;
    height: 56px;
    background: url('../img/logo-mi2.png');
    background-size: contain;
    float: left;
    margin-top: 22px;
}
/* 导航列表 */
.header-2-dh1{
    display:block;
    float: left;
    margin-left: 120px;
    
}
.header-2-dh1 span:hover{
    color: orange;
}
.header-2-dh1 ul li{
    display: inline-block;
    padding-top: 38px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
.header-2-dh1 ul li span{
    font-size: 16px;
    color: #333;
}
/* 二级导航 */
.header-2-dh2{
    position: absolute;
    height: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    transition: height 0.5s;
    margin-top: 120px;
    z-index: 11;
    background-color: #fff;
}
.tbdh-2 {
    height: 88px;
    z-index: 10;
}
.tbdh-2 ul {
    border-top:0.01px solid #e0e0e0;
}
.tbdh-2 ul li{
    float: left;
    padding-left: 35px;
    padding-top: 20px;
}
.tbdh-2 ul li.tbdh-2-sx::before{
    position: absolute;
    top: 35px;
    z-index: 1;
    width: 1px;
    height: 100px;
    content: "";
    background-color: #e0e0e0;
    margin-left: -20px;
}
.tbdh-2 span{
    display: block;
    text-align: center;
   
}
.tbdh-2 .tbdh-2-text-1{
  color: #757575;
  margin-top: 5px;
}
.tbdh-2 .tbdh-2-text-2{
    color: orange;
}


/* 头部内容logo列表搜索区域 列表文字 */

.header_ssk span {
    font-size: 16px;
    color: #333333;
    }
    
    /* 头部内容logo列表搜索区域 搜索 */
    
    .header_ssk {
     margin-top: 25px;
     float: right;
    }
    
    /* 头部内容logo列表搜索区域 搜索 文本框 */
    
    .header_ssk input {
    width: 244px;
    height: 50px;
    float: left;
    border: 1px solid rgba(196, 196, 196, 0.55);
    border-right: none;
    outline: none;
     outline: 0;
    }
    
    /* 头部内容logo列表搜索区域 搜索 按钮 */
    .header_ssk .header-ssk-2{
     float: left;
     border: 1px solid rgba(196, 196, 196, 0.55);
     width: 50px;
     height: 54px;
     color: #b0b0b0;
    }
    
    .header-ssk-xl {
     position: absolute;
     top: 138px;
     width: 250px;
     height: auto;
     z-index: 10;
     background-color: #ffffff;
     display: none;
     font-size: 12px;
     
    }
    .header-ssk-xl ul li {
     color: #818285;
     z-index: 10;
     padding-left: 20px;
     padding-top: 10px;
     padding-bottom: 10px;

    }
    
    .header-ssk-xl ul li:hover {
     background-color: #cfcdcb;
    }
    
    .header_ssk:active {
   border: 1px solid sandybrown;
    }
    
    .header_ssk:active .header-ssk-xl {
         display: block;
         border: 1px solid sandybrown;
    } 
    



/* 轮播图部分 */
.lbtbf{
    height: 460px;
    width: 1226px;
    margin-top: 20px;
}
/* .lbtbf-left{
    width: 234px;
    height: 460px;
   background-color: rgba(105, 101, 101, .6);
   position: absolute;
   z-index: 10;
}
.lbtbf-left ul{
    list-style: none;
    margin: 0;
    padding: 20px 0;
}
.lbtbf-left ul li{
    line-height: 42px;
    padding-left: 30px;
    cursor: pointer;
}
.lbtbf-left ul li a{
    color: white;
    text-decoration: none;
} */
/* 左侧弹窗 */
/* .lbtbf-left ul li .sub-category{
    position: absolute;
    width: 800px;
    height: 460px;
    background: #ff6700;
    left: 234px;
    top: -0;
    display: none;
    z-index: 20;
}
.lbtbf-left ul{
    margin-left: 234px;
}
.lbtbf-left ul li:hover {
    background-color: #ff6700;
}
.lbtbf-left ul li:hover .sub-category{
    display: block;
} */

.lbtbf {
    height: 460px;
    /* border: #333 solid ; */
    /* float: left; */
    position: relative;

}
.lbtbf ul {
    padding-left: 0;
    margin-left: -3px;


}

.lbtbf li {
    height: 40px;
    padding-left: 40px;
    /* width: 234px; */
    /* line-height: 40px; */
    /* vertical-align: middle; */
    line-height: 40px;
    position: relative;



}

.topl {
    float: left;
    height: 460px;
    width: 234px;
    background-color: #625f5f;
    position: relative;
    z-index: 7;

}
.topl a {
    color: #fff;
    font-size: 20px;
}

.topl ul li:hover {
    background-color: orange;
    cursor: pointer;
}
.topljt {
    position: absolute;
    right: 10px;
    color: #fff;
}

/* 手机 */
.iphone {
    position: absolute;
    width: 0;
    height: 460px;
    top: -1px;
    left: 240px;
    background-color: #fff;
    overflow: hidden;
    transition: width 0.2s;
   

}

.iphone li {
    position: relative;
    width: 100px;
    height: 70px;
    margin-top: 7px;
}


.topl ul li:hover .iphone {
    display: block;
    width: 200px;
    z-index: 99;
    background-color: #fff;
    box-shadow: 0px 1px 1px 1px #333;
}


/* .top .topl ul li:hover ul {
    display: block;
    width: 700px;

    background-color: #fff;
    box-shadow: 0px 1px 1px 1px #333;
} */

 .topl ul li .xx1 li:hover {
    background-color: #fff;
}

.xx1 {
    position: absolute;
    width: 200px;
}

.xx1 span {
    position: absolute;
    margin-top: 5px;
    width: 100px;
    font-size: 12px;
}

/* 电视 */
.Television {
    position: absolute;
    width: 0;
    height: 460px;
    top: -41px;
    left: 240px;
    background-color: #fff;
    overflow: hidden;
    transition: width 0.2s;

}

.Television li {
    position: relative;
    width: 100px;
    height: 70px;
    margin-top: 7px;
}


.topl ul li:hover .Television {
    display: block;
    width: 800px;

    background-color: #fff;
    box-shadow: 0px 1px 1px 1px #333;
}



.topl ul li .xx1 li:hover {
    background-color: #fff;
}

.xx1 {
    position: absolute;
    width: 200px;
}

.xx1 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

.topl ul li .xx2 li:hover {
    background-color: #fff;
}

.xx2 {
    position: absolute;
    width: 200px;
    left: 250px;
}

.xx2 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

.topl ul li .xx3 li:hover {
    background-color: #fff;
}

.xx3 {
    position: absolute;
    width: 200px;
    left: 500px;
}

.xx3 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}




/* 家电 */
.household-appliance {
    position: absolute;
    width: 0;
    height: 460px;
    top: -81px;
    left: 240px;
    background-color: #fff;
    overflow: hidden;
    transition: width 0.2s;

}

.household-appliance li {
    position: relative;
    width: 100px;
    height: 70px;
    margin-top: 7px;
}

.topl ul li:hover .household-appliance {
    display: block;
    width: 1000px;

    background-color: #fff;
    box-shadow: 0px 1px 1px 1px #333;
}


.topl ul li .xx1 li:hover {
    background-color: #fff;
}

.xx1 {
    position: absolute;
    width: 200px;
}

.xx1 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

.topl ul li .xx2 li:hover {
    background-color: #fff;
}

.xx2 {
    position: absolute;
    width: 200px;
    left: 220px;
}

.xx2 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

.topl ul li .xx3 li:hover {
    background-color: #fff;
}

.xx3 {
    position: absolute;
    width: 200px;
    left: 450px;
}

.xx3 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

.topl ul li .xx4 li:hover {
    background-color: #fff;
}

.xx4 {
    position: absolute;
    width: 200px;
    left: 700px;
}

.xx4 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

/* 笔记本 平板 */
.notebook {
    position: absolute;
    width: 0;
    height: 460px;
    top: -121px;
    left: 240px;
    background-color: #fff;
    overflow: hidden;
    transition: width 0.2s;

}

.notebook li {
    position: relative;
    width: 100px;
    height: 70px;
    margin-top: 7px;
}


.topl ul li:hover .notebook {
    display: block;
    width: 1000px;

    background-color: #fff;
    box-shadow: 0px 1px 1px 1px #333;
}



.topl ul li .xx1 li:hover {
    background-color: #fff;
}

.xx1 {
    position: absolute;
    width: 200px;
}

.xx1 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

.topl ul li .xx2 li:hover {
    background-color: #fff;
}

.xx2 {
    position: absolute;
    width: 200px;
    left: 220px;
}

.xx2 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

.top .topl ul li .xx3 li:hover {
    background-color: #fff;
}

.xx3 {
    position: absolute;
    width: 200px;
    left: 450px;
}

.xx3 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}


.topl ul li .xx4 li:hover {
    background-color: #fff;
}

.xx4 {
    position: absolute;
    width: 200px;
    left: 700px;
}

.xx4 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

/* 出行 */

.goout {
    position: absolute;
    width: 0;
    height: 460px;
    top: -161px;
    left: 240px;
    background-color: #fff;
    overflow: hidden;
    transition: width 0.2s;

}

.goout li {
    position: relative;
    width: 100px;
    height: 70px;
    margin-top: 7px;
}


.topl ul li:hover .goout {
    display: block;
    width: 1000px;

    background-color: #fff;
    box-shadow: 0px 1px 1px 1px #333;
}



.topl ul li .xx1 li:hover {
    background-color: #fff;
}

.xx1 {
    position: absolute;
    width: 200px;
}

.xx1 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

.topl ul li .xx2 li:hover {
    background-color: #fff;
}

.xx2 {
    position: absolute;
    width: 200px;
    left: 220px;
}

.xx2 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

.topl ul li .xx3 li:hover {
    background-color: #fff;
}

.xx3 {
    position: absolute;
    width: 200px;
    left: 450px;
}

.xx3 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}


.topl ul li .xx4 li:hover {
    background-color: #fff;
}

.xx4 {
    position: absolute;
    width: 200px;
    left: 700px;
}

.xx4 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}





/* 耳机 */
.Headset {
    position: absolute;
    width: 0;
    height: 460px;
    top: -201px;
    left: 240px;
    background-color: #fff;
    overflow: hidden;
    transition: width 0.2s;

}

.Headset li {
    position: relative;
    width: 100px;
    height: 70px;
    margin-top: 7px;
}


.topl ul li:hover .Headset {
    display: block;
    width: 1000px;

    background-color: #fff;
    box-shadow: 0px 1px 1px 1px #333;
}


.topl ul li .xx1 li:hover {
    background-color: #fff;
}

.xx1 {
    position: absolute;
    width: 200px;
}

.xx1 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

.topl ul li .xx2 li:hover {
    background-color: #fff;
}

.xx2 {
    position: absolute;
    width: 200px;
    left: 220px;
}

.xx2 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

.topl ul li .xx3 li:hover {
    background-color: #fff;
}

.xx3 {
    position: absolute;
    width: 200px;
    left: 450px;
}

.xx3 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}


.topl ul li .xx4 li:hover {
    background-color: #fff;
}

.xx4 {
    position: absolute;
    width: 200px;
    left: 700px;
}

.xx4 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}



/* 健康 */
.healthy {
    position: absolute;
    width: 0;
    height: 460px;
    top: -241px;
    left: 240px;
    background-color: #fff;
    overflow: hidden;
    transition: width 0.2s;

}

.healthy li {
    position: relative;
    width: 100px;
    height: 70px;
    margin-top: 7px;
}


.topl ul li:hover .healthy {
    display: block;
    width: 800px;

    background-color: #fff;
    box-shadow: 0px 1px 1px 1px #333;
}



.topl ul li .xx1 li:hover {
    background-color: #fff;
}

.xx1 {
    position: absolute;
    width: 200px;
}

.xx1 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

.topl ul li .xx2 li:hover {
    background-color: #fff;
}

.xx2 {
    position: absolute;
    width: 200px;
    left: 250px;
}

.xx2 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

.topl ul li .xx3 li:hover {
    background-color: #fff;
}

.xx3 {
    position: absolute;
    width: 200px;
    left: 500px;
}

.xx3 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}



/* 生活 */
.life {
    position: absolute;
    width: 0;
    height: 460px;
    top: -281px;
    left: 240px;
    background-color: #fff;
    overflow: hidden;
    transition: width 0.2s;

}

.life li {
    position: relative;
    width: 100px;
    height: 70px;
    margin-top: 7px;
}


.topl ul li:hover .life {
    display: block;
    width: 800px;

    background-color: #fff;
    box-shadow: 0px 1px 1px 1px #333;
}



.topl ul li .xx1 li:hover {
    background-color: #fff;
}

.xx1 {
    position: absolute;
    width: 800px;
   
}

.xx1 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
   
}

.topl ul li .xx2 li:hover {
    background-color: #fff;
}

.xx2 {
    position: absolute;
    width: 200px;
    left: 250px;
    z-index: 11;
}

.xx2 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

.topl ul li .xx3 li:hover {
    background-color: #fff;
}

.xx3 {
    position: absolute;
    width: 200px;
    left: 500px;
}

.xx3 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}


/* 智能 */
.intelligent {
    position: absolute;
    width: 0;
    height: 460px;
    top: -321px;
    left: 240px;
    background-color: #fff;
    overflow: hidden;
    transition: width 0.2s;

}

.intelligent li {
    position: relative;
    width: 100px;
    height: 70px;
    margin-top: 7px;
}


.topl ul li:hover .intelligent {
    display: block;
    width: 500px;

    background-color: #fff;
    box-shadow: 0px 1px 1px 1px #333;
}



.topl ul li .xx1 li:hover {
    background-color: #fff;
}

.xx1 {
    position: absolute;
    width: 200px;
}

.xx1 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

.topl ul li .xx2 li:hover {
    background-color: #fff;
}

.xx2 {
    position: absolute;
    width: 200px;
    left: 250px;
}

.xx2 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}


/* 电源 */

.power-supply {
    position: absolute;
    width: 0;
    height: 460px;
    top: -361px;
    left: 240px;
    background-color: #fff;
    overflow: hidden;
    transition: width 0.2s;

}

.power-supply li {
    position: relative;
    width: 100px;
    height: 70px;
    margin-top: 7px;
}


.topl ul li:hover .power-supply {
    display: block;
    width: 500px;

    background-color: #fff;
    box-shadow: 0px 1px 1px 1px #333;
}



.topl ul li .xx1 li:hover {
    background-color: #fff;
}

.xx1 {
    position: absolute;
    width: 200px;
}

.xx1 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}

.topl ul li .xx2 li:hover {
    background-color: #fff;
}

.xx2 {
    position: absolute;
    width: 200px;
    left: 250px;
}

.xx2 span {
    position: absolute;
    margin-top: 5px;
    width: 200px;
    font-size: 12px;
}






* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
}


.lbtbf .swiper {
    margin-left: 234px;
    width: 992px;
    height: 460px;
    background-color: rgba(0, 255, 0, 0.1);
    position: absolute;
    z-index: 6;
}
.swiper .left,
.swiper .right {
    position: absolute;
    top: 50%;
    height: 60px;
    margin-top: -30px;
    z-index: 8;
}

.swiper .left {
    left: 0px;
}

.swiper .right {
    right: 0;
}

.swiper ul {
    position: absolute;
    right: 0;
    bottom: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    z-index: 7;
}

.swiper ul li {
    float: left;
    margin: 10px;
    width: 10px;
    height: 10px;
    background-color: gray;
    border: 2px solid #ddd;
    border-radius: 10px;
    cursor: pointer;
}

.swiper ul li.active,
.swiper ul li:hover {
    background-color: white;
}

.swiper div img {
    position: absolute;
    z-index: 6;
    opacity: 0;
    transition: all 1s;
}

.swiper div img.active {
    opacity: 1;
}

/*正文 */
.zb-zw {
    position: absolute;
    margin-top: 200px;
    margin-left: 19px;
    top: 460px;
    width: 1226px;
    height: 170px;
    float: left;
    /* background-color: #ff6700; */
}

/* 左边 */
.left-zw {
    width: 234px;
    height: 170px;
    background-color: #5f5750;
    float: left;
}

.left-zw ul li {
    width: 78px;
    height: 85px;
    /* border: 1px solid salmon; */
    float: left;
}


.left-tp {
    margin-top: 18px;
    margin-left: 25px;
    width: 24px;
    height: 24px;
    display: block;
    background-image: url('../img/left-1.png');
    background-size: contain;
}

.left-text1 {
    width: 76px;
    display: inline-block;
    /* line-height: 100px; */
    text-align: center;
    font-size: 12px;
    color: #cfcdcb;
}

.zj-zw {
    position: relative;
    width: 992px;
    float: left;
    height: 170px;
}

.zj-zw ul li {
    width: 316px;
    height: 170px;
    float: left;
    transition: 2s;
    margin-left: 14px;
}

.zj-zw ul li:hover {
    transition: 2s;
    box-shadow: 12px 12px 12px rgba(89, 89, 89, 0.1);

}

.zj-tp1 {
    width: 316px;
    height: 170px;
    display: block;
    background-image: url('../img/zj-tp1.jpg');
    background-size: contain;
}


/* 正文内容 */
.pageMain {
    position: relative;
    width: 100%;
    height: 5872px;
    top: 142px;
    background-color: #f5f5f5;
    float: left;
    margin-top: 80px;
}

.pageMain_01 {
    position: relative;
    width: 1226px;
    height: 5842px;
}

.pageMain_01_advertising {
    margin: 20px 0px 20px;
    float: left;
    width: 1226px;
    height: 120px;
    background-image: url('../img/pageMain_01_advertising.webp');
    background-size: contain;
}


.pageMain_01_bottomAdvertising {
    float: left;
    width: 1226px;
    height: 120px;
    background-image: url('../img/pageMain_01_bottomAdvertising.webp');
    margin: 22px 0px 22px 0px;
}

.pageMain_01_list {
    width: 1226px;
    height: 685px;
    float: left;
}


.pageMain_01_list_title {
    width: 1226px;
    height: 58px;
    float: left;

}

.pageMain_01_list_title_text {
    float: left;
    line-height: 58px;
    font-size: 22px;
    font-weight: 100;
}


.pageMain_01_list_title_module {
    float: right;
}

.pageMain_01_list_title_module_text {
    font-size: 16px;
    line-height: 58px;
    float: left;
}


.pageMain_01_list_title_module_icon {
    margin-top: 20px;
    width: 20px;
    height: 20px;
    background-color: #b0b0b0;
    border-radius: 10px;
    float: left;
    color: #fff;
    text-align: center;
    line-height: 20px;
    margin-left: 8px;
}


.pageMain_01_list_bigImg {
    width: 234px;
    height: 613px;
    float: left;
    background-image: url('../img/pageMain_01_list01_bigImg_01.webp');
    background-size: contain;
}

/* 列表内容 列表 列表 */
.pageMain_01_list_list {
    width: 992px;
    height: 613px;
    float: left;
}

.pageMain_01_list_list>ul>li {
    position: relative;
    top: 0;
    left: 0;
    width: 234px;
    height: 295px;
    background-color: #ffffff;
    float: left;
    margin: 0px 0px 14px 14px;
}


.pageMain_01_list_list>ul>li:hover {
    /* margin-top: -2px; */
    top: -2px;
    /* margin-bottom: -5px; */
    box-shadow: 3px 3px 3px 3px rgba(102, 102, 102, 0.1);
}

/* 列表内容 列表 列表 图片 */
.pageMain_01_list_list_img {
    width: 160px;
    height: 160px;
    display: block;
    margin-left: 35px;
    margin-top: 18px;
    background-image: url('../img/pageMain_01_list01_list_img_01_01.webp');
}

/* 列表内容 列表 列表 标题 */
.pageMain_01_list_list_title {
    margin-top: 20px;
    display: inline-block;
    width: 234px;
    font-size: 14px;
    color: #000;
    text-align: center;
}

/* 列表内容 列表 列表 简介 */
.pageMain_01_list_list_introduce {
    display: inline-block;
    width: 234px;
    font-size: 12px;
    color: #b0b0b0;
    text-align: center;
}

/* 列表内容 列表 列表 价格 */
.pageMain_01_list_list_price {
    width: 234px;
    display: inline-block;
    font-size: 12px;
    text-align: center;
    color: #ff6700;
}

/* 列表内容 列表 列表 价格 删除线 */
.pageMain_01_list_list_price>del {
    position: relative;
    left: 8px;
    color: #b0b0b0;
}

/* #endregion */




/* 列表内容 第二套模版 */

/* #region */

.pageMain_01>.pageMain_01_list:nth-of-type(3)>.pageMain_01_list_list>ul>li:nth-last-child(1) {
    background-color: #f5f5f5;
}

.pageMain_01>.pageMain_01_list:nth-of-type(4)>.pageMain_01_list_list>ul>li:nth-last-child(1) {
    background-color: #f5f5f5;
}

.pageMain_01>.pageMain_01_list:nth-of-type(5)>.pageMain_01_list_list>ul>li:nth-last-child(1) {
    background-color: #f5f5f5;
}

.pageMain_01>.pageMain_01_list:nth-of-type(6)>.pageMain_01_list_list>ul>li:nth-last-child(1) {
    background-color: #f5f5f5;
}

.pageMain_01>.pageMain_01_list:nth-of-type(7)>.pageMain_01_list_list>ul>li:nth-last-child(1) {
    background-color: #f5f5f5;
}

.pageMain_01>.pageMain_01_list:nth-of-type(8)>.pageMain_01_list_list>ul>li:nth-last-child(1) {
    background-color: #f5f5f5;
}

.pageMain_01_list_list_last {
    width: 234px;
    height: 143px;
    margin-bottom: 7px;
    background-color: #fff;

}

.pageMain_01_list_list_last01 {
    position: absolute;
    margin-top: 40px;
    display: block;
}

.pageMain_01_list_list_last01_title {
    width: 94px;
    display: block;
    float: left;
    margin-left: 30px;
}

.pageMain_01_list_list_last01_title>span {
    float: left;
}

.pageMain_01_list_list_last01_img {
    width: 80px;
    height: 80px;
    display: block;
    float: left;
    background-image: url('../img/main_left_list_list_2_8.webp');
    background-size: contain;
}

/*  列表内容 最后一个列表标签li中第一个列表 价格 */
.pageMain_01_list_list_last01_price {
    margin-left: 30px;
    display: block;
    font-size: 12px;
    text-align: left;
    color: #ff6700;
    margin-top: -10px;
}

/*  列表内容 标题内容 选中3,4范围 后续有需要可以再改*/
.pageMain_01>.pageMain_01_list:nth-child(-n+8):nth-child(n+3)>.pageMain_01_list_title>.pageMain_01_list_title_module>ul {
    height: 58px;
    display: block;
    float: right;
    /* background-color: #000; */

}

.pageMain_01>.pageMain_01_list:nth-child(-n+9):nth-child(n+3)>.pageMain_01_list_title>.pageMain_01_list_title_module>ul>li {
    display: inline-block;
    height: 50px;
    line-height: 58px;
    font-size: 16px;
}

.pageMain_01>.pageMain_01_list:nth-child(-n+9):nth-child(n+3)>.pageMain_01_list_title>.pageMain_01_list_title_module>ul>li>span {
    font-weight: 200;
    font-size: 16px;
}

.pageMain_01>.pageMain_01_list:nth-child(-n+9):nth-child(n+3)>.pageMain_01_list_title>.pageMain_01_list_title_module>ul>li>span:hover {
    border-bottom: 2px solid #ff6700;
    color: #ff6700;
    padding-bottom: 5px;
}

.pageMain_01_list_list_last02 {
    width: 234px;
    height: 143px;
    display: block;
    float: left;
    margin-left: 50px;
}

.pageMain_01_list_list_last02_title {
    margin-top: 50px;
    width: 94px;
    display: block;
    float: left;
    color: #000;
}

.pageMain_01_list_list_last02_title>span {
    float: left;
}

.pageMain_01_list_list_last02_img {
    margin-top: 40px;
    width: 40px;
    height: 40px;
    display: block;
    float: left;
    background-color: #5f5750;
    margin-right: 80px;
}


.pageMain_01_list_list_last02_price {
    display: block;
    float: left;
    font-size: 12px;
    text-align: center;
    color: #757575;
}


.pageMain_01_list:nth-child(-n+11):nth-child(n+5)>.pageMain_01_list_bigImg {
    background-image: url("");
}

.pageMain_01_list_bigImg>ul>li {
    width: 234px;
    height: 300px;
    background-color: #e0e0e0;
    float: left;
    margin: 0px 0px 14px 14px;
    background-image: url('../img/pageMain_01_list01_bigImg_04_01.webp');
    background-size: contain;
}

.pageMain_01_list_title_module>ul>li>span {
    margin-left: 30px;
}


.bottomList {
    position: relative;
    width: 100%;
    height: 472px;
    float: left;
    top: 142px;
}

.bottomList_0 {
    width: 1226px;
    height: 472px;
}

.bottomList_0_subtool {
    width: 1226px;
    height: 80px;
    border-bottom: 1px solid #e0e0e0;
    float: left;
}

.bottomList_0_subtool>ul>li {
    width: 242px;
    height: 25px;
    float: left;
    text-align: center;
    line-height: 25px;
    margin-top: 25px;
    border-right: 1px solid #e0e0e0;
}

/* 底部列表 最后一个取消右边框 */

.bottomList_0_subtool>ul>li:nth-last-child(1) {
    border-right: none;
}


.bottomList_0_subtool>ul>li>span {
    color: #616161;
    font-size: 16px;
}

/* 底部列表 列表 */
.bottomList_0_list {
    width: 965px;
    height: 392px;
    float: left;
}

/* 底部列表 选中第一个列表 */
.bottomList_0_list>dl:nth-child(1) {
    width: 160px;
    margin-left: 140px;
    display: inline-block;
}

/* 底部列表 列表 */
.bottomList_0_list>dl {
    margin-top: 40px;
    width: 160px;
    display: inline-block;
}


.bottomList_0_list>dl>dt {
    display: block;
    margin-bottom: 20px;
}

.bottomList_0_list>dl>dd {
    width: 160px;
    margin-left: 0;
    font-size: 14px;
    color: #757575;
    margin-top: 10px;
}

/* 底部列表 右边联系方式 */
.bottomList_0_contact {
    width: 248px;
    border-left: solid 1px #e0e0e0;
    height: 80px;
    float: left;
}

.bottomList_0_contact_phton {
    display: block;
    text-align: center;
    font-size: 22px;
    color: #ff6700;
    margin-bottom: 2px;
}

.bottomList_0_contact_date {
    text-align: center;
    display: block;
    color: #616161;
    margin-bottom: 2px;
    font-size: 12px;
}

.bottomList_0_contact_btn {
    margin-left: 60px;
    width: 120px;
    height: 30px;
    margin-bottom: 2px;
    display: block;
}

.bottomList_0_contact_btn>span {
    width: 120px;
    display: block;
    line-height: 30px;
    text-align: center;
    color: #ff6700;
}



/* 底部备案信息导航栏 */

.bottomregisterandnav {
    position: relative;
    float: left;
    width: 100%;
    height: 156px;
    background-color: #fafafa;
    top: 142px;

}

.bottomregisterandnav_01 {
    height: 226px;
    width: 1226px;
    margin-top: 30px;
    margin-bottom: 30px;
}

/* 底部备案信息导航栏 左边logo */
.bottomregisterandnav_01_logo {
    width: 56px;
    height: 56px;
    margin-right: 20px;
    float: left;
    background-image: url('../img/logo.png');
    background-size: contain;
}

.bottomregisterandnav_01_text {
    float: left;
    width: 1149px;
    height: 156px;
}

.bottomregisterandnav_01_text_01 {
    margin: 0px 0px 0px 0px;
}

.bottomregisterandnav_01_text_01>a {
    line-height: 16px;
    font-size: 12px;
    color: #757575;
}

.bottomregisterandnav_01_text_01>span {
    font-size: 12px;
    color: #b0b0b0;
}

.bottomregisterandnav_01_text_02 {
    width: 700px;
    height: 72px;
    margin: 0px 0px 0px 0px;

}

.bottomregisterandnav_01_text_02>a {
    font-size: 12px;
    color: #b0b0b0;
}

.bottomregisterandnav_01_text_01_img {
    width: 1149px;
    height: 28px;
    display: block;
}

.bottomregisterandnav_01_text_01_img>a {
    width: 85px;
    height: 28px;
    display: block;
    float: left;
    background-image: url('../img/bottomregisterandnav_01_text_01_img_01.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.bottomregisterandnav_01_bottomtext {
    display: block;
    margin-bottom: 500px;
    margin-top: 20px;
    float: left;
    font-size: 14px;
    color: #ffffff;
    width: 1226px;
    background-image: url('../img/bottomregisterandnav_01_bottomtext.png');
    background-repeat: no-repeat;
    background-position: 450px 0px;
}

/* #endregion */





/* 固定导航栏 */
/* #region */
.fixedNavBar {
    position: fixed;
    /* float: right; */
    bottom: 50px;
    right: 1px;
}

.fixedNavBar>ul>li {
    width: 82px;
    height: 90px;
    background-color: rgb(255, 255, 255);
    margin-bottom: 1px;
    display: block;
    border: 1px solid #f5f5f5;

}
.fixedNavBar>ul>li:nth-last-child(1){
    margin-top: 15px;
    display: none;
}
/* 固定导航栏 列表 图片 */
.fixedNavBar_img {
    display: inline-block;
    background-image: url('../img/FixedNavBar_01.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin-left: 25px;
    margin-top: 20px;
}


/* 固定导航栏 列表 图片 第一张 */
.fixedNavBar>ul>li:nth-of-type(1) .fixedNavBar_img {
    background-image: url('../img/FixedNavBar_01.png');
}
.fixedNavBar>ul>li:nth-of-type(1):hover .fixedNavBar>ul>li:nth-of-type(1)>.fixedNavBar_img{
    background-image: url("/img/FixedNavBar_01_hover.png");
}
/* 固定导航栏 列表 图片 第二张 */
.fixedNavBar>ul>li:nth-of-type(2) .fixedNavBar_img {
    background-image: url('../img/FixedNavBar_02.png');
}

/* 固定导航栏 列表 图片 第三张 */
.fixedNavBar>ul>li:nth-of-type(3) .fixedNavBar_img {
    background-image: url('../img/FixedNavBar_03.png');
}

/* 固定导航栏 列表 图片 第四张 */
.fixedNavBar>ul>li:nth-of-type(4) .fixedNavBar_img {
    background-image: url('../img/FixedNavBar_04.png');
}

/* 固定导航栏 列表 图片 第五张 */
.fixedNavBar>ul>li:nth-of-type(5) .fixedNavBar_img {
    background-image: url('../img/FixedNavBar_05.png');
}

/* 固定导航栏 列表 图片 第六张 */
.fixedNavBar>ul>li:nth-of-type(6) .fixedNavBar_img {
    background-image: url('../img/FixedNavBar_06.png');
}




/* 固定导航栏 列表 文字 */
.fixedNavBar_text {
    color: #757575;
    text-align: center;
    display: block;
    font-size: 14px;
}


/* #endregion */


.download{
    margin-left: -160px;
    margin-top: -45px;
    width: 140px;
    height: 180px;
    background-color: #ffffff;
    overflow: hidden;
    display: none;
    box-shadow: 2px 2px 2px 2px rgb(71, 71, 71,0.1);
}
.download>img{
    margin-left: 20px;
    margin-top: 20px;
    width: 100px;
    height: auto;
}
.download>.text{
    width: 80px;
    margin-left: 30px;
    text-align: center;
    color: rgb(154, 154, 154);
    display: block;
    font-size: 12px;


}